<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>案例</title>
	<style type="text/css">
		.test{
			width: 160px;
			height: 160px;
			background-color: #888888;
			color: #fff;/*字体颜色*/
			text-align: center;/*文本水平方向居中*/
			line-height: 200px;/*行高，实现单行文本垂直方向的对齐*/
			/*背景图片*/
			background-image: url('http://graph.baidu.com/resource/122e372ed1389a60c128e01594088650.jpg');
			/*背景不重复平铺*/
			background-repeat: no-repeat;
			/*背景大小*/
			background-size: 84px 57px;
			/*背景图定位*/
			background-position: center 22px;
		}
	</style>
</head>
<body>
	<div class="test">
		生物制药
	</div>
</body>
</html>